package com.example.navigationdemo

import androidx.compose.foundation.clickable
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier

@Composable
fun AuthFirst(modifier: Modifier = Modifier, onClick: () -> Unit) {
    Box(modifier = Modifier.fillMaxSize(), contentAlignment = Alignment.Center) {
        Text(text = "Auth first screen", modifier = Modifier.clickable { onClick.invoke() })
    }
}

@Composable
fun AuthSecond(modifier: Modifier = Modifier, onClick: () -> Unit) {
    Box(modifier = Modifier.fillMaxSize(), contentAlignment = Alignment.Center) {
        Text(text = "Auth second screen", modifier = Modifier.clickable { onClick.invoke() })
    }
}


@Composable
fun DashboardFirst(modifier: Modifier = Modifier, onClick: () -> Unit) {
    Box(modifier = Modifier.fillMaxSize(), contentAlignment = Alignment.Center) {
        Text(text = "Dashboard First screen", modifier = Modifier.clickable { onClick.invoke() })
    }
}


@Composable
fun DashboardSecond(dash: Dest.DashSecondScreen, onClick: () -> Unit) {
    Box(modifier = Modifier.fillMaxSize(), contentAlignment = Alignment.Center) {
        Text(
            // TODO: 1
            //text = "Dashboard second screen \n name=${dash.name} age=${dash.age}",

            // TODO: 2
            text = "Dashboard second screen \n name=${dash.dummy.name} age=${dash.dummy.age}",
            modifier = Modifier.clickable { onClick.invoke() })
    }
}